<template>
    <div class="exitLogin">
        <NavBack title = "关于我们" :left-arrow="true" fixed ></NavBack>
        <div class="exitLoginContent">
            <div class="item" v-for="item in msglist">
                <div class="item-text">{{item.title}}</div>
                <div class="right">></div>
            </div>
            <div class="exitlogin" @click="exitlogin">退出登录</div>
        </div>
    </div>
</template>

<script>
import NavBack from '../components/Navback.vue'
    export default {
        name:"ExitLogin",
        components:{
            NavBack
        },
        data(){
            return{
                msglist:[
                    {
                        title:"账号管理"
                    },
                    {
                        title:"隐私政策"
                    },
                    {
                        title:"用户服务协议"
                    },
                    {
                        title:"第三方SDK清单"
                    },
                    {
                        title:"经营信息公示"
                    },
                    {
                        title:"给我评分"
                    },
                    {
                        title:"清理缓存"
                    },
                    {
                        title:"版本更新"
                    },
                ]
            }
        },
        methods:{
            // 退出登录,回到我的页面
            exitlogin(){
                this.$router.push({
                    name:"My"
                })
                // 修改登录标识符
                localStorage.setItem('isLogin',false)
                
            }
        }
    }
</script>

<style lang="less" scoped>
    .exitLogin{
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        .exitLoginContent{
            height: calc(100% - 46px);
            .item{
                width: 100%;
                height: 50px;
                display: flex;
                .item-text{
                    width: 300px;
                    height: 100%;
                    padding-left: 15px;
                    line-height: 50px;
                    font-size: 13px;
                }
                .right{
                    line-height: 50px;
                    font-size: 16px;
                }
            }
            .exitlogin{
                width: 100%;
                height: 60px;
                text-align: center;
                line-height: 60px;
                color: #e4393c;
                font-size: 16px;
                font-weight: 550;
            }
        }
    }
</style>